<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>无聊人|关于我</title>
    <link rel="stylesheet" href="../css/topnav.css" />
    <link rel="stylesheet" href="../css/common.css" />
    <link rel="stylesheet" href="../css/aboutme.css" />
    <link rel="stylesheet" href="../css/big.css" />
    <link rel="stylesheet" href="../css/medium.css" />
    <link rel="stylesheet" href="../css/small.css" />
    <link rel="stylesheet" href="../css/small-x.css" />

    <link
      rel="icon"
      href="https://lyking90.oss-cn-shenzhen.aliyuncs.com/boringman/logo.png"
    />
    <link
      rel="stylesheet"
      href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
    />
  
        <!-- vue.js开发环境版本，包含了有帮助的命令行警告 -->
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  </head>
  <body>
    <header>
      <!-- 顶部导航 -->
      <div class="container">
        <div class="navbar">
          <a href="home.html" class="logo">boringman</a>
          <label for="toggle-nav"
            ><i class="fa fa-tasks" aria-hidden="true"></i
          ></label>
          <input type="checkbox" name="toggle-nav" id="toggle-nav" />
          <div class="collapse">
            <ul class="links">
              <li><a href="home.html">主页</a></li>
              <li><a href="aboutme.html">关于我</a></li>
              <li><a href="">赞赏支持</a></li>
            </ul>

            <div class="form">
              <a href="login.html">登录</a>
              <a href="register.html" class="form-bg">注册</a>
            </div>
          </div>
        </div>
      </div>
    </header>

    <main>
      <div class="top">
        <img src="../static/image/chik.gif" alt="avatar" />
        <p>苏基明</p>
        <p>求职意向：前端开发工程师</p>
      </div>

      <!-- 幽灵悬浮图 -->
        <div class="ghost">
          <div class="face">
            <div class="eyes">
              <span></span><span></span>
            </div>
            <div class="mouth">

            </div>
          </div>

          <div class="hands">
            <span></span><span></span>
          </div>

          <div class="feet">
            <span></span>
            <span></span>
            <span></span>
            <span></span>
          </div>
        </div>
        
      <div class="mycard">
        <div class="mycard-title">
          <p>About me</p>
          <p>关于我</p>
        </div>
        <div class="mycard-content">
          <table class="aboutme">
            <tbody>

           
            <caption><i class="fa fa-user-circle" aria-hidden="true"></i>  个人信息</caption>
            <tr>
              <td>姓名：</td>
              <td>苏基明</td>
              <td>性别：</td>
              <td>男</td>
            </tr>

            <tr>
              <td>年龄：</td>
              <td>21</td>
              <td>学历：</td>
              <td>本科</td>
            </tr>
           
            
            <tr>
              <td>毕业院校：</td>
              <td>电子科技大学中山学院</td>
              <td>在校专业：</td>
              <td>软件工程</td>
            </tr>

            
            <tr>
              <td>电话：</td>
              <td>131-60686-546</td>
              <td>邮箱：</td>
              <td>1195778927@qq.com</td>
            </tr>
          </tbody>
          </table>
       
        </div>
      </div>

      <div class="mycard">
        <div class="mycard-title">
          <p>My Skiss</p>
          <p>技能</p>
        </div>
        <div class="mycard-content">
          <ul class="skiss">
            <li><i class="fa fa-diamond" aria-hidden="true"></i>熟练掌握HTML5，CSS3，JavaScript</li>
            <li><i class="fa fa-diamond" aria-hidden="true"></i>掌握前端主流Vue框架</li>
            <li><i class="fa fa-diamond" aria-hidden="true"></i>熟悉前端页面布局、Emmet语法、CSS预处理语言less</li>
            <li><i class="fa fa-diamond" aria-hidden="true"></i>熟悉原型设计Axure，墨刀，Git版本控制，Photoshop的使用</li>
            <li><i class="fa fa-diamond" aria-hidden="true"></i>掌握Bootstrap，AdminLTE等前端框架的应用</li>
            <li><i class="fa fa-diamond" aria-hidden="true"></i>熟悉MySQL，SqlServer数据库的使用</li>
            <li><i class="fa fa-diamond" aria-hidden="true"></i>熟悉后端语言Java，springboot的使用，了解阿里云，腾讯云等服务器的使用</li>
          </ul>
        </div>
      </div>

      <div class="mycard">
        <div class="mycard-title">
          <p>Education/work</p>
          <p>教育/工作经历</p>
        </div>
        <div class="mycard-content">
            <ul class="skiss" style="line-height: 30px;">
            <li><i class="fa fa-diamond" aria-hidden="true"></i>2017-2018  通过英语四六级，担任班长职务</li>
            <li><i class="fa fa-diamond" aria-hidden="true"></i>2018-2019  获校级二等奖学金，优秀学生干部荣誉证书</li>
            <li><i class="fa fa-diamond" aria-hidden="true"></i>2019-2020  获得计算机设计大赛省级二等奖、高校微信小程序开发大赛华南区二等奖、2020大创项目校级立项、三创大赛校级二等奖、创意策划书设计大赛二等奖</li>
          </ul>
        </div>
      </div>

      <div class="mycard">
        <div class="mycard-title">
          <p>evaluation</p>
          <p>自我评价</p>
        </div>
        <div class="mycard-content">
          <div class="evaluation">
            热爱前端开发，对前端知识有扎实的基础，自学能力强，有一定的组织能力，社交能力。在校成绩优异，专业排名靠前，曾获校级奖学金。在团队时经常担任组长角色，负责项目的开发，协同。大一学年通过英语四六级，参加过不少竞赛并获奖项。
            为人认真负责，勤奋好学，抗压能力强。
          </div>
        </div>
      </div>

      <div class="mycard" id="app">
        <div class="mycard-title">
          <p>Display of works</p>
          <p>项目经历</p>
        </div>
        <div class="mycard-content" v-for="work in workcard">

          <template>
           
          <div class="workcard">
            <div class="workcard-lunbo">
              <section >
                <template>
                             
                 <div v-for="lunbo in work.imgs"><img :src="lunbo.url" alt="1unbotu"></div>
              
                </template> 
              </section>
              
            </div>
            <div class="workcard-desc">
              <table class="csb">
                <tbody>
                  <tr>
                    <td>项目名称</td>
                    <td>{{work.projectname}}</td>
                  </tr>
                  <tr>
                    <td>项目介绍</td>
                    <td>{{work.projectdesc}}</td>
                  </tr>
                   <tr>
                    <td>项目备注</td>
                    <td>{{work.projectremark}}</td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>

          </template>

        </div>
      </div>
    </main>

    <footer>
      <p>感谢观看！</p>
      <p>
        <i class="fa fa-phone" aria-hidden="true"> 131-606-86546</i>
        <i class="fa fa-envelope" aria-hidden="true"> 1195778927@qq.com</i>
      </p>
    </footer>
    
    <script src="../js/aboutme.js"></script> 
  </body>
</html>
